<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/swiper-3.3.1.min.css" />
		<script type="text/javascript" src="lib/swiper-3.3.1.min.js" ></script>
		<script type="text/javascript" src="lib/zepto.min.js" ></script>
	    <style>*{padding: 0;margin: 0;}</style>
		<script>
			//1.打开设计图----依靠设计图来划分组件
			//2.对比设计图 打开图7,8 最终完成的效果是 点击底部的菜单 实现不同组件的切换
			//参考设计图 进行页面结构设计，确定哪些组件是切换时候不变的，哪些是切换时候，被卸载的
			//3.首先设计layout组件，只是实现页面的基本外层结构，没有任何样式,只是由于存放其他子组件的容器
			window.onload=function(){
				document.documentElement.style.fontSize=document.documentElement.clientWidth/6.4+'px';
					window.addEventListener("resize",function(){
				document.documentElement.style.fontSize=document.documentElement.clientWidth/6.4+'px';},false);
			}
		</script>
	</head>
	<body>
		<script type="text/javascript" src="js/app.min.js" ></script>
	</body>
</html>
